<html>
	<head>
		<title>Pilih Partai</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="pemilihanpartai.css" rel="stylesheet">		
		<style type="text/css"></style>
		<script>
			function showDiv() {
				document.getElementById('list-nama').style.display = "block";
			}
		</script>
	</head>
	<body>
		<div id="bg">
			<div class="container">
				<img src="img/menu1.png"/>
				<h1>DPRD Tingkat 2 (ini belum Helvet)</h1>
				</br></br></br></br>
				<div class="col-lg-12">
					<!--ini buat baris pertama --> 
					<div class="row1">
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
						</div>
					  </div>

					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					  </div>
					  
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					  </div>
					  
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					  </div>
					</div>
					<!--ini buat detail partainya --> 
				
				
					<!--ini buat baris kedua --> 
					<div class="row2">
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
						</div>
					  </div>

					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					  </div>
					  
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					  </div>
					  
					  <div class="col-lg-2" id="partai1">
					  	<div class="baris1">
					  		<img src="img/partai.png" onclick="showDiv();">
					  	</div>
					</div>
					<!-- this is the CONTRENG button GUYS!-->
					<!-- <div class="col-lg-4">
						<div class="contrengButton">
							<img src="img/contreng.png">
						</div>
					</div> -->
				</div>											
		    </div> 
		    <div class="detail">
				<div class="contrengButton">
					<ul id="list-nama">
						<li>ini dummy banget</li>
						<li>ini dummy banget</li>
						<li>ini dummy banget</li>
						<li>ini dummy banget</li>
						<li>ini dummy banget</li>
					</ul>
					<button type="submit"></button>					
				</div>
			</div>								
		</div>
	</body>
</html>